<template>
  <div id="app">
    <div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -900px;"></div>
    <transition name="fade">
      <router-view v-if="isRouterAlive"></router-view>
    </transition>
  </div>
</template>

<script>
import './utils/cat';
export default {
  name: 'App',
  components: {
  },
  provide(){
     return {
       reload:this.reload
     }
  },
  data(){
    return{
      isRouterAlive:true,
    }
  },
  methods:{
    reload(){
      this.isRouterAlive=false;
      this.$nextTick(function (){
        this.isRouterAlive = true;
      })
    }
  }


}
</script>

<style>
@import "assets/css/catReturn.css";
@import "assets/css/base.css";
#app {
 min-width: 1500px;
  overflow: hidden;
}
::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:#f2f2f2; }
::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); }
::-webkit-scrollbar-thumb:hover { background:#f2f2f2 }
::-webkit-scrollbar-thumb:active { background:rgba(0,0,0,0.2); }
</style>
